Revision:
code:
<div>
<h4>Dare to dream the impossible dream !!</h4>
</div>
<style>
h4 {font-size: 4vw; line-height: calc(20px + 20vh);
text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000; color: #fff6a9; font-family: "Sacramento", cursive; text-align:
center; animation: blink 12s infinite; -webkit-animation: blink 12s infinite;}
@-webkit-keyframes blink {
20%, 24%, 55% {color: #111; text-shadow: none;}
0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000; color: #fff6a9; }
}
@keyframes blink {
20%, 24%, 55% {color: #111; text-shadow: none;}
0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000; color: #fff6a9; }
}
</style>
code:
<div>
<h4 class="one"> <span>Harder</span> <span>Better</span>
<span>Faster</span><span>Stronger</span></h4>
</div>
<style>
h4.one {font-family: "Paytone One"; color: #202020; text-transform: uppercase; letter-spacing: -0.2vw;}
h4.one span {display: block; margin: 1.1vw 0 1.7vw 0; font-size: 5vw; line-height: 5vw; color: dodgerblue;
text-shadow: 0 1.4vw 0.9vw #c4b59d, 0 -1vw 1vw green; letter-spacing: -0.4vw;
animation: shine 12s linear infinite}
@keyframes shine{
0%, 100%{opacity: 0}
50%{opacity: 1}
}
</style>